import Link from 'next/link'

const demoData = [
  {
    title: 'Parallel Routes 平行路由演示',
    link: '/parallelRoutes',
  },
  {
    title: 'Intercept Routes 拦截路由演示',
    link: '/interceptRoutes',
  },
  {
    title: '中间件演示',
    link: '/login',
  },
]

export default function Home() {
  return (
    <div className="flex container justify-center items-center content-center gap-3 flex-wrap h-screen">
      {demoData.map((item) => (
        <div key={item.link} className="p-2 bg-sky-300 rounded-2xl cursor-pointer">
          <Link href={item.link}>{item.title}</Link>
        </div>))}
    </div>
  )
}
